// 基础样式
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    font-size: 16px;
}

ol,
ul,
dl {
    margin: 0;
}

li {
    list-style: none;
}

a {
    color: #000;
    text-decoration: none;
}

/*滚动条样式*/
body::-webkit-scrollbar {
    width: 8px;
}
body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: linear-gradient(to bottom, rgba(82, 139, 224, 0.5), rgba(203, 82, 224, 0.5));
}
body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #fff;
}

div::-webkit-scrollbar {
    width: 7px;
}
div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: linear-gradient(to bottom, rgba(82, 139, 224, 0.5), rgba(203, 82, 224, 0.5));
}
div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #fff;
}

input {
    outline: none;
}

textarea {
    resize: none;
    outline: none;
}

button {
    cursor: pointer;
    outline: none;
}

// 版心区域
.mid {
    width: 1000px;
    margin: 0 auto;
}
